.header {
  display: none !important;
}
.footer {
  display: none !important;
}
.contact_service {
  display: none !important;
}
.header_quick {
  display: none !important;
}
body::-webkit-scrollbar {
  display: none !important;
}
.intro {
  height: 100vh;
}
.intro_main {
  height: 100%;
  background-color: #000;
}
.intro_row {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}
.acon01_03 {
    width: 19.4271vw;
    height: 19.4271vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.intro_bg {
    width: 19.4271vw;
    height: 19.4271vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #AA212E;
    border-radius: 50%;
    transition: all 0.3s;
    pointer-events: none;
  }
  .intro_left:hover ~ .intro_bg {
    width: 100%;
    height: 150%;
    border-radius: 50vw;
    transform: translateX(-50%);
}
  .intro_right:hover ~ .intro_bg {
    width: 100%;
    height: 150%;
    border-radius: 50vw;
    transform: translateX(50%);
}
.intro_row_tt {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 1.1458vw;
  gap: 1vw;
}
.acon01_01 {
    width: 59.38%;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.acon01_02 {
    width: 94.1%;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width:599px) {
  div.intro_main {
    flex-direction: column;
  }
.intro_row {
    width: 100%;
    height: 50%;
}  
.intro_row_tt {
    width: 62%;
    font-size: 4.1458vw;
    gap: 3vw;
}
.acon01_03 {
    width: 47.4271vw;
    height: 47.4271vw;
}
.intro_bg {
    width: 47.4271vw;
    height: 47.4271vw;
  }
  .intro_left:hover ~ .intro_bg {
    width: 110%;
    height: 100%;
    transform: translateY(-50%);
}
  .intro_right:hover ~ .intro_bg {
    width: 110%;
    height: 100%;
    transform: translateY(50%);
}

}